<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
  
    <title>infopad</title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but infopad doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app">
     <pad-info :title_message="title_message" :message="message"></pad-info>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="./PadInfo.umd.js"></script>
    <link rel="stylesheet" href="./PadInfo.css">
    <script>
      new Vue({
        el: '#app',
        data(){
          return{
            title_message:"欢迎使用,这是新开发的插件",
            message:{
            新手指南:{
                  百度:"http://www.baidu.com",
                  淘宝:"http://www.taobao.com",
                  京东:"http://www.jd.com"
            },
            常见问题:{
                  百:"http://www.baidu.com",
                  淘:"http://www.taobao.com",
                  京:"http://www.jd.com"
            },
            问题提单:{
                  百:"http://www.baidu.com",
                  淘:"http://www.taobao.com",
                  京:"http://www.jd.com"
            }
      }
          }
        }
      })
    </script>
    <!-- built files will be auto injected -->
  </body>
</html>
